<!DOCTYPE html>
<html lang="en" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<link rel="stylesheet" th:href="@{/assets/css/colorbox.css}"/>
<link rel="stylesheet" th:href="@{/assets/css/fixedColumns.dataTables.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/My97DatePicker/skin/WdatePicker.css}"/>
<link rel="stylesheet" th:href="@{/assets/css/jquery.dataTables.min.css}"/>
<link rel="stylesheet" th:href="@{/assets/css/chosen.css}" />
<head th:include="fragments/head::header"/>
<style type="text/css">
    .error {
        color: #F00
    }

    .DTFC_LeftBodyLiner {
        height: 910px ! important;
    }

    #sample-table-2{
        width: 100% !important;
    }
</style>
<body>
<div th:include="fragments/top::top"></div>
<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <div th:include="fragments/left::left" class="sidebar" id="sidebar"></div>
        <div class="main-content">

            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="row">
                            <div class="col-xs-12">
                                <h3 class="header smaller lighter blue">财务返佣金列表</h3>
                                <div class="table-header">
                                    <input type="hidden" id="channelReturnStatuss" name="channelReturnStatus" />
                                    <input type="hidden" id="channelCommIdSet"/>
                                    <input type="hidden" id="channelReturnStatusSet"/>
                                    <form class="form-inline">
                                        <div class="form-group">
                                            <label>代理名称：</label>
                                            <input type="text" id="agentName" class="form-control input-sm"
                                                   placeholder="" onchange="changeTable()" style="width:100px;"/>
                                        </div>
                                        <div class="form-group">
                                            <label>姓名：</label>
                                            <input type="text" id="name" onchange="changeTable()"  class="form-control input-sm"
                                                   style="width:120px; height:30px"/>
                                        </div>
                                        <div class="form-group">
                                            <label>澳际学号：</label>
                                            <input type="text" id="studentNo" class="form-control input-sm"
                                                   placeholder="" onchange="changeTable()" style="width:100px;"/>
                                        </div>
                                        <div class="form-group">
                                            <label>账户币种：</label>
                                            <select type="" class="form-control input-sm" id="accountCurrency" name="accountCurrency" onchange="changeTable()"
                                                    style="width:75px;">
                                                <option value="">请选择</option>
                                                <option th:each="currency : ${currencyInfos }" th:value="${currency.enName}" th:text="${currency.enName}"></option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>付款状态：</label>
                                            <select type="" class="form-control input-sm" id="channelReturnStatus" name="channelReturnStatus" onchange="changeTable()"
                                                    style="width:75px;">
                                                <option value="">请选择</option>
                                                <option value="已标识">已标识</option>
                                                <option value="已付款">已付款</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>付款日期：</label>
                                            <input type="text" id="paymentDateStart" onchange="changeTable()" class="form-control input-sm" readonly="readonly" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                                                   placeholder="" style="width:100px;"/>-
                                            <input type="text" id="paymentDateEnd" onchange="changeTable()" class="form-control input-sm" readonly="readonly" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                                                   placeholder="" style="width:100px;"/>
                                        </div>

                                        <button type="reset" id="reset" class="btn btn-warning">清空</button>
                                        <button type="button" id="query" class="btn btn-success ">查询</button>
                                        <button type="button" id="acknowledge"  class="btn btn-warning">付款</button>
                                        <button type="button" id="export" class="btn btn-warning">导出</button>
                                    </form>
                                </div>
                                <form class="form-inline">
                                <div class="form-group">
                                    <label>账户金额总计：</label>
                                    <input type="text" id="accountMoney" class="form-control input-sm" readonly="readonly"
                                           style="width:131px; height:30px"  />

                                    <label>本次应返金额总计：</label>
                                    <input type="text" id="thisReturnMoney" class="form-control input-sm" readonly="readonly"
                                           style="width:159px; height:30px"/>

                                    <label>应返RMB金额总计：</label>
                                    <input type="text" id="returnMoneyCny" class="form-control input-sm" readonly="readonly"
                                           placeholder="" style="width:188px;"/>
                                </div>
                                </form>
                                <div class="table-responsive">
                                    <div id="alert" class="alert alert-success" style="display: none;" role="alert">
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                        <span id="alertText"></span>
                                    </div>
                                    <table id="sample-table-2" class="table table-striped table-bordered table-hover"
                                           style="white-space: nowrap;">
                                        <thead>
                                        <tr>
                                            <th class="hide">id</th>
                                            <th class="center">
                                                <input id="all" type="checkbox" class="checkall" onclick="checkAll(this)"/>
                                            </th>
                                            <th>澳际学号</th>
                                            <th>姓名</th>
                                            <th>拼音</th>
                                            <th>出生日期</th>
                                            <th>查看费用</th>
                                            <th>代理名称</th>
                                            <th>查看合同信息</th>
                                            <th>账户金额</th>
                                            <th>账户币种</th>
                                            <th>获签人数</th>
                                            <th>返佣百分比</th>
                                            <th>本次应返金额</th>
                                            <th>汇率</th>
                                            <th>应返(RMB)金额</th>
                                            <th>付款状态</th>
                                            <th>付款日期</th>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.page-content -->
        </div>

        <div th:include="fragments/bottom::bottom"></div>
    </div>

    <a href="#" id="btn-scroll-up"
       class="btn-scroll-up btn btn-sm btn-inverse"> <i
            class="icon-double-angle-up icon-only bigger-110"></i>
    </a>
</div>
<!-- /.main-container -->

<!-- Modal备注 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content"></div>
    </div>
</div>
<div th:include="fragments/js::js"></div>

<script th:src="@{/assets/js/jquery.validate.min.js}"></script>
<script th:src="@{/assets/js/jquery.validate.zh-CN.js}"></script>
<!-- page specific plugin scripts -->
<script charset="UTF-8" th:src="@{/assets/js/1.10.15/jquery.dataTables.min.js}"></script>
<script charset="UTF-8" th:src="@{/assets/js/jquery.dataTables.bootstrap.js}"></script>
<script charset="UTF-8" th:src="@{/assets/js/dataTables.fixedColumns.js}"></script>
<script th:src="@{/My97DatePicker/WdatePicker.js}"></script>
<script th:src="@{/assets/js/jquery.form.js}"></script>
<script th:src="@{/assets/js/temp.js}" charset="UTF-8"></script>
<script th:src="@{/business/channelCommission/financeReturnCommissionList.js}" charset="UTF-8"></script>
<!--图片查看器-->
<script th:src="@{/assets/js/jquery.colorbox-min.js}"></script>
<script th:src="@{/layer/layer.js}"></script>

</body>
</html>
